<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 类继承-getter 和 setter -2</title>
</head>

<body>
    <!-- 很多开发者在属性名称前使用下划线字符 _ 将 getter/setter 与实际属性分开：
    以下实例使用下划线 _ 来设置属性，并创建对应的 getter/setter 方法： -->

    <h2>JavaScript Class Gettter/Setter</h2>

    <p>很多开发者在属性名称前使用下划线字符 _ 将 getter/setter 与实际属性分开。</p>

    <p id="demo"></p>

    <script>
        class Runoob {
            constructor(name) {
                this._sitename = name;
            }
            get sitename() {
                return this._sitename;
            }
            set sitename(x) {
                this._sitename = x;
            }
        }

        let noob = new Runoob("菜鸟教程");

        document.getElementById("demo").innerHTML = noob.sitename;

    </script>
</body>

</html>